
.MatcLight .MatcDialogThemed{
	background: #f2f2f2;
}

.MatcLight .MatcCanvas{
 	background: #bbb;
}

.MatcLight .MatcCanvas.MatcCanvasImageUploadDND .MatcCanvasContainer{
 	background: #ddd;
 	transition: background 0.3s;
}


.MatcLight .MatcCanvas.MatcCanvasImageUploadDND .MatcScreenDnD{
	background: rgba(255,255,255,0.5);
 	transition: background 0.3s;
}

.MatcLight .MatcCanvasImageUploadDND .MatcScreenDnD.MatcScreenDragOver{
	background: none;
}

.MatcLight .MatcCanvasContainer {
    background: rgb(230, 230, 230);
    box-shadow: none;
    transition: background 0.3s;
}


.MatcLight .MatcCanvasFrame {
	 background: #bbb;
}



.MatcLight .MatcScreen {
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

.MatcLight .MatcToolbar,
.MatcLight .MatcStatus,
.MatcLight .MatcStatusItem,
.MatcLight .MatcToolbarTop{
	background: #fff;
	font-size: 12px;
	color:#777;
}

.MatcLight .MatcToobarLeft .MatcToolbarItem:hover,
.MatcLight .MatcToolbarTop .MatcToolbarItem:hover{
	color:#3787f2;
}

.MatcLight .MatcToobarPropertiesSection .MatcDashLabel,
.MatcLight .MatcToobarPropertiesSection .MatcToolbarItem,
.MatcLight .MatcToobarPropertiesSection .MatcDashRingValue{
	color:#555;
}

.MatcLight .MatcToobarPropertiesSection{
	background: #fff; /*rgb(245, 245, 245);*/
	color:#777;
}

.MatcLight .MatcToobarLeft{
	background: #fff;
	border-right: 1px solid rgba(0, 0, 0, 0.15)
}

.MatcLight .MatcStatusCntr{
	border-top: 1px solid rgba(0, 0, 0, 0.15)
}


.MatcLight .MatcToobarPropertiesSection{
	border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.MatcLight .MatcToolbarLayerList.MatcToobarPropertiesSection{
	border-left: none;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	padding-top:39px;
	background: #fff; /*rgb(245, 245, 245); */
}

.MatcLight .MatcToolbarTopCntr{
	border-bottom: 1px solid  rgba(0, 0, 0, 0.15);
}

.MatcLight .MatcScreenLabel{
	color:#333;
}

.MatcLight .MatcToolbarBigLabel{
	color:#555;
}


.MatcLight .MatcBorderStyleDashed,
.MatcLight .MatcBorderStyleDotted,
.MatcLight .MatcBorderStyleSolid {
	border-color: #555;
}

.MatcLight .MatcToolbarItem {
	color:#333;
}

.MatcLight .MatcToolbarItem:HOVER {
	color:#333;
}

.MatcLight .MatcToolbarItemDisbaled,
.MatcLight .MatcToolbarItem.MatcToolbarItemDisbaled:HOVER{
	color:#ddd;
	cursor: auto;
}

.MatcLight .MatcToolbarAddSection{
	background-color: #333;
}

.MatcLight .MatcToolbar .MatcToolbarAddSection:HOVER{
	background-color: #333;
	color:#fff;
}

.MatcLight .MatcToobarItemBig .MatcToolbarItem:HOVER {
	color:#fff;
}

.MatcLight .MatcToolbarSection,
.MatcLight .MatcToolbarSeperator {
    border-right: 1px solid transparent;
	
}

.MatcLight .MatcStatusItem {
	 border-left: 1px solid #ccc;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarSection {
	margin-bottom: 10px;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarSectionCollabsed.MatcToolbarSection{
	margin-bottom: 0px;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarSectionLabel{
	background: none;
	color:#333;
	border-top:1px solid rgba(0,0,0, 0.15);
	border-bottom:1px solid transparent;
	text-align:left;
	padding-left:16px;
	font-weight: 700;
}

.MatcLight .MatcToobarPropertiesSection .MatcToobarSubSectionLabel {
	color:#333;
	text-align:left;
	padding-left:5px;
	font-weight: 700;
}

.MatcLight .MatcToolbarLayerList.MatcToobarPropertiesSection .MatcToolbarSectionLabel,
.MatcLight .MatcToolbarLayerList.MatcToobarPropertiesSection .MatcToobarSubSectionLabel,
.MatcLight .MatcToolbarLayerList.MatcToobarPropertiesSection .MatcToolbarSectionLabel:hover,
.MatcLight .MatcToobarPropertiesSection .MatcToolbarSectionLabel:HOVER,
.MatcLight .MatcToobarPropertiesSection .MatcToolbarSection:HOVER .MatcToolbarSectionLabel{
	background:none;
	color:#333;
}

.MatcLight .MatcToolbarSectionCollabsed  .MatcToolbarSectionLabel{
	border-bottom: none;
}

.MatcLight .MatcAction .MatcToolbarSeparator {
	border-bottom:1px solid #ccc;
}

.MatcLight .MatcLineSupportPointTouch{
 	background: #777;
 	border-color: rgb(230, 230, 230);
 }




.MatcLight .MatcToobarPropertiesSection .VommondCheckBoxLabel,
.MatcLight .MatcToobarPropertiesSection .MatcToolbarItemLabel,
.MatcLight .MatcToobarPropertiesSection .VommondRadioBoxLabel {
	color:#555;
}

.MatcLight .MatcToolbarTabs a {
	color:#555;
}

.MatcLight .MatcToolbarTabs a:HOVER {
	color:#333;
}



/****************************************************
 * Forms and Borders
 ****************************************************/



 .MatcLight .MatcToolbarPopUp {
    box-shadow: 0 3px 25px rgba(0, 0, 0, 0.35);
 }

 .MatcLight .MatcToobarRemoveBtn {
 	color: #f83a3a;
 }

  .MatcLight .MatcToobarRemoveBtn:HOVER {
 	color: #cc0000;
 }

 .MatcLight .MatcBoxShadowIcon {
 	background: #777;
 }

.MatcLight .MatcToobarPropertiesSection .MatcToolbarDropDownButton:hover{
	border: 1px solid #999;
}

.MatcLight .MatcToobarPropertiesSection input , 
.MatcLight .MatcToobarPropertiesSection textarea {
	border: 1px solid transparent;
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	color:#555;
}

.MatcLight .MatcToobarPropertiesSection input:focus,
.MatcLight .MatcToobarPropertiesSection textarea:focus{
	color:#555;
}

.MatcLight .MatcBoxBorder .MatcToolbarColor,
.MatcLight .MatcBoxBorder .MatcToolbarInputDropDownButton,
.MatcLight .MatcBoxBorder .MatcToolbarDropDownButton {
	background: #FDFDFD;
	color:#777;
	border: 1px solid #777;
	background: #fff;
}

.MatcLight .MatcToolbar .MatcToolbarInputDropDownButton input{
	color:#333;
}

.MatcLight .MatcToolbarItemActive {
    background: none;
    color:#3787f2;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarItemActive {
    background: none;
	color:#3787f2;
}


.MatcLight .MatcToolbarItemActive:HOVER {
    color:#fff;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarToggleButton.MatcToolbarItemActive:hover{
	color:#3787f2;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarToggleButton:hover{
	color:#777;
}


.MatcLight .MatcToobarViewSection {
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid rgba(0, 0, 0, 0.25);
}


.MatcLight .MatcToobarViewSection .MatcToolbarItem.MatcToolbarItemActive,
.MatcLight .MatcToobarViewSection .MatcToolbarItem.MatcToolbarItemActive:hover{
	background: #3787f2;
	color: #fff;
}


.MatcLight .MatcToolbarDropDownButtonItem{
	background-color: #f2f2f2;
}

.MatcLight .MatcToobarPropertiesSection .MatcToolbarDropDownButton li:HOVER,
.MatcLight .MatcToolbarDropDownButtonPopup li:hover{
	background: #333;
	color:#fff;
}

.MatcLight .MatchCanvasScrollHandle {
	background: #777;
}

.MatcLight .MatcCanvasScrollBarCntr:hover .MatchCanvasScrollHandle,
.MatcLight .MatcCanvasScrollBarHandlerActive .MatchCanvasScrollHandle {
	background: #333;
}

.MatcLight .MatcBoxBorder .MatcToolbarColor.MatcToolbarItem,
.MatcLight .MatcBoxBorder .MatcToolbarInputDropDownButton.MatcToolbarItem {
	border: 1px solid #777;
}

.MatcLight .MatcBoxBorderContainer {
	border: 1px solid #777;
}

.MatcLight .MatcBoxBorder:HOVER .MatcBoxBorderContainer,
.MatcLight .MatcBoxBorder:HOVER .MatcToolbarColor.MatcToolbarItem,
.MatcLight .MatcBoxBorder:HOVER .MatcToolbarInputDropDownButton.MatcToolbarItem,
.MatcLight .MatcBoxBorder:HOVER .MatcToolbarDropDownButton{
	border: 1px solid #777;
}

.MatcLight .MatcToobarPropertiesSection .MatcToobarInput::placeholder{
	font-style: italic;
	color: rgba(0, 0, 0, 0.35)
}

/****************************************************
 * VAlign
 ****************************************************/

.MatcToolbarValign{
	border-width: 1px solid transparent;
	width: 18px;
	overflow: hidden;
}

.MatcLight .MatcToolbarValignTop{
	border-top:1px solid #777;
}

.MatcLight .MatcToolbarValignMiddle{
	border-left:1px solid #777;
}

.MatcLight .MatcToolbarValignBottom{
	border-bottom:1px solid #777;
}

.MatcLight .MatcToolbarIcon-vertical{
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.MatcLight .MatcToolbarIcon-vertical-bar{
	background-color: #555;
}

.MatcLight .MatcToolbarIcon-horizontal{
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}

.MatcLight .MatcToolbarIcon-horizontal-bar{
	background-color: #555 ;
}

.MatcLight .MatcToobarPropertiesSection .MatcToobarInput{
	background: transparent;
	padding: 3px;
	border:1px solid transparent;
}


.MatcLight .MatcToobarPropertiesSection .MatcToobarInput:hover{
	border: 1px solid #999;
}

.MatcLight .MatcToobarPropertiesSection .MatcToobarInput:focus {
	border: 1px solid #777;
}


.MatcLight .MatcToobarPropertiesSection .MatcToobarInput:disabled {
	background: none;
}

.MatcLight .MatcScreenGridHandlex{
	border-color: #333 transparent transparent transparent;
}

.MatcLight .MatcScreenGridHandley{
	border-color: transparent transparent transparent #333;
}

.MatcLight .MatcScreenGridHandleDel.MatcScreenGridHandlex{
	border-color: red transparent transparent transparent;
}
.MatcLight .MatcScreenGridHandleDel.MatcScreenGridHandley{
	border-color: transparent transparent transparent red;
}



.MatcLight .MatcToolbarResizeElement,
.MatcLight .MatcToolbarResizePreview{
    background: #fff;
    border: 1px solid #ddd;
}

.MatcLight .MatcToolbarResizePinLine{
    background: #999;
}

.MatcLight .MatcToolbarResizeActive .MatcToolbarResizePinLine{
    background: #3787f2;
}

.MatcLight .MatcToolbarResizePinCenter,
.MatcLight .MatcToolbarResizePinLeft,
.MatcLight .MatcToolbarResizePinRight,
.MatcLight .MatcToolbarResizePinUp,
.MatcLight .MatcToolbarResizePinDown{
    border-color: #999;
}

.MatcLight .MatcToolbarResizeActive.MatcToolbarResizePinCenter,
.MatcLight .MatcToolbarResizeActive.MatcToolbarResizePinLeft,
.MatcLight .MatcToolbarResizeActive.MatcToolbarResizePinRight,
.MatcLight .MatcToolbarResizeActive.MatcToolbarResizePinUp,
.MatcLight .MatcToolbarResizeActive.MatcToolbarResizePinDown{
    border-color: #3787f2;
}

.MatcLight .MatcToolbarResizeGrowVertical .MatcToolbarResizeGrowLine,
.MatcLight .MatcToolbarResizeGrowHorizontal .MatcToolbarResizeGrowLine{
    background: #999;
}

.MatcLight .MatcToolbarResizeActive.MatcToolbarResizeGrowVertical .MatcToolbarResizeGrowLine,
.MatcLight .MatcToolbarResizeActive.MatcToolbarResizeGrowHorizontal .MatcToolbarResizeGrowLine{
    background: #3787f2;
}


.MatcLight .MatcToolbarLayerListScreenLabel{
	font-weight: 700;
}

.MatcLight .MatcTreeItem{
	color:#333;
}

.MatcLight .MatcToolbarColorIndicator{
	border:1px solid rgba(0,0,0, 0.15)
}

.MatcLight .MatcToolbarColorIndicator:hover{
	border:1px solid rgba(0,0,0, 0.35)
}

.MatcLight .MatcToolbarDetailLabel{
	color: #777;
}


.MatcLight .MatcAnalyticsToolbar .MatcToolbarTopLeftCntr .MatcToolbarItemActive {
    background: #d6e5f8;
	color:#333;
	height: 39px;
}


.MatcLight .MatcDesignTokenList .MatcDesignTokenListSection label {
	color:#333;
	background: none;
	font-weight: 700;
	padding: 0px 16px;
}

.MatcLight .MatcToolbarSectionMarker {
	opacity: 0.5;
}

.MatcLight .MatcToobarHomeSection .MatcToolbarItem {
	color: #fff;
}


.MatcLight .MatcToolbar .VommondCheckBoxWrapper:hover .VommondCheckBox,
.MatcLight .MatcToolbar .VommondCheckBoxChecked .VommondCheckBox
{
	border:1px solid rgba(0,0,0, 0.35)
}

.MatcLight .MatcToolbar .VommondCheckBox,
.MatcLight .MatcToolbar .VommondRadioBox{
	border: 1px solid #ddd
}

